<template>
  <div class="bi-grid-panel">
    <div class="bi-grid-panel__main">
      <slot></slot>
    </div>
    <div class="bi-grid-panel__toolbar">
      <slot name="toolbar"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'BiGridPanel'
}
</script>
<style lang="less">
.bi-grid-panel__main{
  padding: 20px 20px 8px;
}
.bi-grid-panel__toolbar {
  padding: 12px 22px;
  border-top: 1px solid #eee;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
</style>
